<%@ include file="../common/IncludeTop.jsp"%>

<div id="Catalog">
<form id="form" action="ConfirmOrderForm" method="post">
	<table>
		<tr>
			<th colspan=2>Payment Details</th>
		</tr>
		<tr>
			<td>Card Type:</td>
			<td>
				<select   name="order.cardType">
					<option value="Visa" selected="selected" name="order.cardType">Visa</option>
					<option value="MasterCard">MasterCard</option>
					<option value="American Express">American Express</option>
				</select>
			</td>
		</tr>
		<tr>
			<td>Card Number:</td>

			<td><input name="order.creditCard" type="text" value="999 9999 9999 9999" /> * Use a fake
				number!</td>

		</tr>
		<tr>
			<td>Expiry Date (MM/YYYY):</td>
			<td><input name="order.expiryDate" type="text" value="12/03" /></td>
		</tr>
		<tr>
			<th colspan=2>Billing Address</th>
		</tr>

		<tr>
			<td>First name:</td>
			<td><input name="order.billToFirstName" type="text" value="ABC" /></td>
		</tr>
		<tr>
			<td>Last name:</td>
			<td><input name="order.billToLastName" type="text" value="XYX" /></td>
		</tr>
		<tr>
			<td>Address 1:</td>
			<td><input size="40" name="order.billAddress1" type="text" value="901 San Antonio Road" /></td>
		</tr>
		<tr>
			<td>Address 2:</td>
			<td><input size="40" name="order.billAddress2" type="text" value="MS UCUP02-206" /></td>
		</tr>
		<tr>
			<td>City:</td>
			<td><input name="order.billCity" type="text" value="Palo Alto" /></td>
		</tr>
		<tr>
			<td>State:</td>
			<td><input size="4" name="order.billState" type="text" value="CA" /></td>
		</tr>
		<tr>
			<td>Zip:</td>
			<td><input size="10" name="order.billZip" type="text" value="94303" /></td>
		</tr>
		<tr>
			<td>Country:</td>
			<td><input size="15" name="order.billCountry" type="text" value="USA" /></td>
		</tr>

		<tr >
			<td colspan=2><input name="shippingAddressRequired" type="checkbox" value="true" id="check"  onclick="myMouseOut()"/>
				Ship to different address...</td>
		</tr>
	</table>


	<table>
		<tr class="hidden">
			<td colspan=2>Shipping Address</td>
		</tr>

		<tr class="hidden">
			<td>First name:</td>
			<td><input name="order.shipToFirstName"/> </td>
		</tr>
		<tr class="hidden">
			<td>Last name:</td>
			<td><input name="order.shipToLastName"/></td>
		</tr>
		<tr class="hidden">
			<td>Address 1:</td>
			<td><input name="order.shipAddress1"/></td>
		</tr>
		<tr class="hidden">
			<td>Address 2:</td>
			<td><input name="order.shipAddress2"/></td>
		</tr>
		<tr class="hidden">
			<td>City:</td>
			<td><input name="order.shipCity"/></td>
		</tr>
		<tr class="hidden">
			<td>State:</td>
			<td><input name="order.shipState"/></td>
		</tr>
		<tr class="hidden">
			<td>Zip:</td>
			<td><input name="order.shipZip"/></td>
		</tr>
		<tr class="hidden">
			<td>Country:</td>
			<td><input name="order.shipCountry"/></td>
		</tr>
		<tr>
			<td>	<input type="submit" class="button" value="Continue"/></td>
		</tr>





	</table>

</form>

<script src="js/showHidden.js"></script>


</div>

<%@ include file="../common/IncludeBottom.jsp"%>